body {
  font-family: Arial, sans-serif;
  margin: 20px;
}

h1 {
  text-align: center;
  margin-bottom: 40px;
}

div {
  border: 2px solid #333;
  padding: 20px;
  margin-bottom: 30px;
  background-color: #f0f0f0;
  text-align: center;
}

/* Ejemplo de calc() */
.ejemplo-calc {
  width: calc(100% - 100px);
}

/* Ejemplo de max() */
.ejemplo-max {
  width: max(300px, 50%);
}

/* Ejemplo de min() */
.ejemplo-min {
  width: min(500px, 80%);
}
